@import "./rest";
@import "./mixin";
ul,
ol,
li {
	list-style-type: none;
}
img {
	vertical-align: top;
}
a,
u {
	text-decoration: none;
	color:#010101;
}
.mokuai1{
    width: 100%;
    height: 145px;
}
.fanwei1{
    width: 1350px;
    height: 145px;
    margin: 0 auto;
}
.header{
    padding-top: 15px;
    background: #fff;
    height: 115px;
    position: relative;
}
.header_nav{
    float: right;
    margin-bottom: 36px;
}
.msg{
    width: 500px;
    height: 20px;
    background-color: skyblue;
    margin-right: 40px;
    text-align: center;
    display: none;
}
.header_nav>div{
    float: left;
}
.sign>img{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 2px;
}
.sign{
    margin-right: 40px;
}
.serve{
    margin-left: 40px;
    margin-right: 40px;
}
.serve>img{
    width: 24px;
    height: 24px;
    position: relative;
    bottom: 3px;
}
.shop_car>img{
    width: 24px;
    height: 24px;
    position: relative;
    bottom: 4px;
}
.shop_car{
    position: relative;
}
.shop_num{
    width: 16px;
    height: 16px;
    position: absolute;
    right: -2px;
    top: -7px;
    background: #c51333;
    border-radius: 20px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
}
.shop_car{
    position: relative;
}
.shop_car>.car_list{
    position: absolute;
    top: 24px;
    right: 0;
    width: 300px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 3px 5px 0 rgba(0,0,0,.2);
    max-height: 300px;
    padding: 10px;
    display: none;
    z-index: 999;
}
.shop_car:hover .car_list{
    display: block;
}
.list0{
    text-align: center;
    padding: 40px 0;
}
.list0>p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #ccc;
}
.shop_btn{
    color: #fff;
    background: #c51333;
    padding: 5px 15px 6px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}
.kong{
    clear: both;
}
.header_con{
    text-align: left;
    width: 100%;
    height: 45px;
    position: relative;
    background-color: white;
}
.img_logo>img{
    width: 170px;
    height: 94px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.main-nav{
    float: left;
    padding-left: 200px;
}
.main-nav>li{
    float: left;
    width: 104px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.main-nav>li:hover{
    background: #e5e5e5;
}
li>.line{
    display: inline-block;
    height: 20px;
    width: 2px;
    background: #e5e5e5;
    position: relative;
    top: 5px;
    right: -32.5px;
}
li>.line1{
    position: relative;
    top: 5px;
    right: -17px;
}
.man-col{
    position: relative;
}
.man-list{
    width: 1440px;
    height: 500px;
    background: #e5e5e5;
    position: absolute;
    top: 45px;
    left: -450px;
    display: none;
    z-index: 999;
}

.man-list>p{
    font-size: 30px;
    font-weight: 700;
}
.woman-col{
    position: relative;
}
.woman-list{
    width: 1440px;
    height: 500px;
    background: #e5e5e5;
    position: absolute;
    top: 45px;
    left: -550px;
    display: none;
    z-index: 999;
}
.woman-list>p{
    font-size: 30px;
    font-weight: 700;
}
.parts{
    position: relative;
}
.parts-list{
    width: 1440px;
    height: 500px;
    background: #e5e5e5;
    position: absolute;
    top: 45px;
    left: -750px;
    display: none;
    z-index: 999;
}
.parts-list>p{
    font-size: 30px;
    font-weight: 700;
}
.search-box{
    width: 240px;
    height: 38px;
    border: 1px solid #010101;
    border-radius: 5px;
    float: left;
    margin-left: 180px;
}
.search-box>input{
    border: 0;
    color: #010101;
    border-radius: 5px;
    padding: 8px;
    font-size: 16px;
}
.search-box>.fa-search{
    float: right;
    text-align: center;
    font-size: 26px;
    line-height: 38px;
    margin-right: 5px;
}
.mokuai2{
    width: 100%;
    height: 600px;
}
.fanwei2{
    width: 1440px;
    height: 600px;
    margin: 0 auto;
}
#container1{
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#wrapper1{
    width: 100%;
    height: 100%;
}
.btn-prev1{
    display: block;
    position: absolute;
    top: 40%;
    left: 20px;
    width: 80px;
    height: 70px;
    z-index: 99;
}
.btn-prev1>.fa-angle-left{
    font-size: 80px;
    color: white;
    opacity: 0.7;
}
.btn-next1{
    display: block;
    position: absolute;
    top: 40%;
    right: -30px;
    width: 80px;
    height: 70px;
    z-index: 99;
}
.btn-next1>.fa-angle-right{
    font-size: 80px;
    color: white;
    opacity: 0.7;
}
.mokuai3{
    width: 100%;
    height: 400px;
}
.fanwei3{
    width: 1440px;
    height: 400px;
    margin: 0 auto;
}
.man-img{
    float: left;
}
.woman-img{
    float: right;
}
.mokuai4{
    font-size: 18px;
    margin: 40px 0;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}
.mokuai5{
    text-align: center;
}
.mokuai5>ul{
    display: inline-block;
    margin-bottom: 10px;
}
.mokuai5>ul>li{
    float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 0 5px 2px;
}
.man-active{
    border-bottom: 2px solid #010101;
}
.mokuai6{
    background: #f7f7f7;
    padding: 40px 0;
}
.fanwei6{
    width: 1440px;
    height: 380px;
    margin: 0 auto;
}
.lastfanwei{
    width: 1084px;
    height: 380px;
    margin: 0 auto;
    padding: 0 50px;
}
#wrapper2>.swiper-slide>img{
    width: 265px;
    height: 340px;
    margin: 0 auto;
}
#container2{
    width: 1084px;
    height: 380px;
    margin: 0 auto;
}
#wrapper2{
    .swiper-slide{
        width: 272px!important;
        height: 380px;       
    }
}
.btn-prev2{
    display: block;
    position: absolute;
    top: 40%;
    left: 8px;
    width: 80px;
    height: 70px;
    z-index: 99;
}
.btn-prev2>.fa-angle-left{
    font-size: 80px;
    color: white;
    opacity: 0.7;
}
.btn-next2{
    display: block;
    position: absolute;
    top: 40%;
    right: -45px;
    width: 80px;
    height: 70px;
    z-index: 99;
}
.btn-next2>.fa-angle-right{
    font-size: 80px;
    color: white;
    opacity: 0.7;
}
#slide3>img{
    padding: 2px;
}
// 鼠标移入时图片缩小，并添加边框
#slide3:hover img{
    border: 3px solid black;
    transform: scale(0.95);
}
.goods-title {
    padding: 10px 0;
    text-align: center;
}
.mokuai7{
    width: 100%;
    height: 1206px;
    margin-top: 40px;
}
.fanwei7{
    width: 1440px;
    height: 1206px;
    margin: 0 auto;
}
.brand-main{
    width: 1440px;
    height: 340px;
    margin-bottom: 50px;
}
.brand-event{
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
.clearfix{
    display: inline-block;
    text-align: center;
    margin: 0 145px;
}
.clearfix>li{
    float: left;
    width: 220px;
    padding: 0 5px;
    .img-list{
        margin: 0 auto;
        width: 210px;
        height: 269px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
}
.p-list{
    margin: 10px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.img-a>a>.img1{
    float: left;
}
.img-a>a>.img2{
    float: right;
}
.mokuai8{
    background: #212121;
    position: relative;
}
.fanwei8{
    width: 977px;
    height: 335px;
    margin: 0 auto;
    text-align: center;
}
.footer-logo{
    padding-top: 20px;
    width: 100%;
    height: 94px;
    padding-bottom: 20px;
    img{
        height: 94px;
        width: 170px;
    }
}
.footer-ul{
    width: 100%;
    height: 180px;
    margin:0 auto;
    padding-bottom: 20px;
}
.footer-ul>li{
    float: left;
}
.footer-li1{
    width: 245px;
    height: 53px;
}
.footer-li1>span{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    text-align: left;
    img{
        margin-left: 5px;
        margin-top: -2px;
    }
}
.footer-li1>.p-talk{
    color: #fff;
    width: 100%;
    float: left;
    margin-top: 8px;
    font-size: 14px;
    text-align: left;
}
.footer-li2{
    width: 200px;
    height: 174px;
}
.footer-li2>span{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
}
.footer-li2>p{
    color: #fff;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.footer-li3{
    width: 206px;
    height: 80px;
}
.footer-li3>span{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
}
.footer-li3>p{
    color: #fff;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.footer-li4{
    width: 196px;
    height: 123px;
}
.footer-li4>span{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
}
.footer-li4>p{
    color: #fff;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.footer-li5{
    width: 130px;
    height: 76px;
}
.footer-li5>span{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}
.footer-li5>img{
    float: left;
    margin-right: 10px;
}
.mokuai9{
    background: #010101;
    width: 100%;
    height: 37px;
}
.fanwei9{
    width: 1200px;
    height: 37px;
    margin: 0 auto;
}
.safe1>a{
    float: left;
    margin-left: 86px;
    margin-right: 278px;
    color: #fff;
    font-size: 14px;
    line-height: 37px;
}
.safe2>a{
    float: left;
    color: #fff;
    line-height: 37px;
    font-size: 14px;
}
.safe3>a{
    float: left;
    margin-left: 38px;
    color: #fff;
    line-height: 37px;
    font-size: 14px;
}
.zfl-item{
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 100;
    div{
        background: #000;
        color: #fff;
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        margin-bottom: 2px;
        padding: 5px 0 5px;
        position: relative;
        margin: 0 0 10px;
        text-align: center;
        cursor: pointer;
    }
}
.zfl-item>.item1>.fa-comment{
    font-size: 24px;
    margin: 0 auto 6px;
    display: block;
}
.item1>p{
    font-size: 14px;
}
.zfl-item>.item2>.fa-question-circle-o{
    font-size: 24px;
    margin: 0 auto 6px;
    display: block;
}
.item2>p{
    font-size: 14px;
}
.zfl-item>.item3>.fa-angle-up{
    font-size: 24px;
    margin: 10px auto;
    display: block;
}